const list = [
    {id: 1, name: "MangoPie"},
    {id: 2, name: "az"},
    {id: 3, name: "cgyt"},
]

/**
 * 列表渲染
 * @returns {JSX.Element}
 * @constructor
 */
function ListRendering() {
    return (
        <div className="ListRendering">
            {/**实现列表渲染 */}
            <ul>
                {list.map(item => <li key={item.id}>{item.name}</li>)}
            </ul>
        </div>
    )
}
export default ListRendering;